<template>
    <div class="footer">
        <div class="copyright">
            <svg t="1637071697782"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="2454"
                    width="23"
                    height="23">
                <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
                        p-id="2455"
                        fill="#cdcdcd"></path>
                <path d="M517.6 351.3c53 0 89 33.8 93 83.4 0.3 4.2 3.8 7.4 8 7.4h56.7c2.6 0 4.7-2.1 4.7-4.7 0-86.7-68.4-147.4-162.7-147.4C407.4 290 344 364.2 344 486.8v52.3C344 660.8 407.4 734 517.3 734c94 0 162.7-58.8 162.7-141.4 0-2.6-2.1-4.7-4.7-4.7h-56.8c-4.2 0-7.6 3.2-8 7.3-4.2 46.1-40.1 77.8-93 77.8-65.3 0-102.1-47.9-102.1-133.6v-52.6c0.1-87 37-135.5 102.2-135.5z"
                        p-id="2456"
                        fill="#cdcdcd"></path>
            </svg>Copyright 2022 IT00ZYQ. All Rights Reserved.
        </div>
    </div>
</template>

<script>
    export default {
        name: "Footer",
    };
</script>

<style>
    a {
        text-decoration: none;
    }
    .footer {
        width: 100%;
        /*height: calc(100px - 2vh);*/
        color: #cdcdcd;
        text-align: center;
        padding-top: 2vh;
        /*background-color: #399;*/
        margin-top: 2vh;
        margin-bottom: 2vh;
    }

    .copyright {
        height: 30px;
        line-height: 30px;
    }
    .copyright > svg {
        vertical-align: middle;
    }
    /*@media screen and (max-width: 900px) {*/
    /*    .copyright*/
    /*}*/
</style>
